<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>test</title>
    <style>
      body {
        display: flex;
        flex-wrap: wrap;
      }
      body > a {
        padding: 20px;
      }
    </style>
  </head>
  <body id="body"></body>
  <script>
    const bd = document.getElementById("body");
    [
      "bresenhamLine",
      "diamondLines",
      "drawDots",
      "drawLines",
      "mirrorLines1",
      "mirrorLines2",
      "plotXYTest",
      "fourier",
      "spiral",
      "drawBeziers",
    ].forEach((a) => {
      const ae = document.createElement("a");
      ae.href = `./src/${a}/index.html`;
      ae.textContent = a;
      ae.target = "_blank";
      bd.appendChild(ae);
    });
  </script>
</html>
